/* 加入的圈子 */
.rec-topic {
	overflow: hidden;
	background-color: #fff;
	margin: 10rpx 0;
}

.block-title {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin: 20rpx;
	padding: 10rpx 0;
	line-height: 14px;
	border-bottom: 2px solid #ee0a24;
	color: #616161;
}

.rec-topic-item {
	width: 21%;
	height: 170rpx;
	float: left;
	margin: 2%;
	text-align: center;
	font-size: 12px;
}

.rec-topic-item image {
	width: 120rpx;
	height: 120rpx;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.rec-topic-item-name {
	margin: 15rpx;
}

.topic-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20rpx;
	border-bottom: 1px solid #f5f5f5;
}

.topic-list navigator {
	width: 110rpx;
	height: 110rpx;
	margin-right: 20rpx;
	margin-bottom: 20rpx;
	border-radius: 10rpx;
	overflow: hidden;
}

.topic-list navigator image {
	width: 100%;
	height: 100%;
}


.my-topic {
	padding: 20rpx;
	background-color: #fff;
}

.my-topic .title {
	font-size: 16px;
	margin: 20rpx 0;
}

/* 滑动板块 */
.scroll-view{
	display: flex;
}
.scroll-item{
	width: 450rpx;
	box-shadow: 0 0 10px #f5f5f5;
	margin: 20rpx;
	padding: 20rpx;
	border-radius: 20rpx;
}

.scroll-item .dis-item{
	margin: 40rpx 0;
}
.scroll-item .dis-item .dis-title{
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	font-size: 12px;
}
.scroll-item .dis-item .desc{
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	font-size: 10px;
	color: #999;
}